.right_middle_container {
  .right_swiper {
    .swiper-slide {
      .content {
        position: relative;
        width: 100%;

        &::after {
          z-index: 10;
          content: '';
          position: absolute;
          left: 10rem;
          bottom: -50%;
          width: 30vw;
          height: 0.04rem;
          background-color: #000;
          transition: left .8s;
        }

        &:hover {
          &::after {
            left: 0;
          }
        }

        .text {
          position: relative;
          font-size: .5rem;
          height: 1.4rem;
          line-height: 1.4rem;
          font-weight: 700;
          text-align: center;
          transition: all .2s;

          .black_dot {
            position: absolute;
            width: 100%;
            height: 100%;

            .lt,
            .lb,
            .rt,
            .rb {
              position: absolute;
              width: 0.1rem;
              height: 0.1rem;
              background-color: #000;
            }

            .rt {
              right: 0;
            }

            .lb {
              bottom: 0;
            }

            .rb {
              right: 0;
              bottom: 0;
            }
          }

          &:hover {
            font-size: .52rem;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1280px) {
  .mobile {
    .right_middle_container .right_swiper .swiper-slide .text {
      height: 2.4rem;
      line-height: 2.4rem;
      font-size: .7rem;

      &:hover {
        font-size: .8rem;
      }
    }
  }
}